<template>
  <div class="searchbox">
    <el-input placeholder="请输入内容" v-model="keyword" size="small" class="input-with-select"></el-input>
    <el-button slot="append" class="btn" size="small" round @click="search()" icon="el-icon-search">搜索</el-button>
  </div>
</template>

<script>
export default {
  data () {
    return {
      select: '1',
      keyword: ''
    }
  },
  methods: {
    search () {
      this.$router.push({
        name: 'searchshow'
      })
    }
  }
}
</script>
<style lang="scss" scoped>
  .searchbox{
    background: white;
    padding: 3px;
    border-radius: 30px;
    text-align: center;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 400px;
    /deep/ .el-input-group__prepend{
      width: 80px;
      background-color: inherit;
    }
    /deep/ .el-input__inner {
      border:none;
      border-radius: 30px;
    }
    .btn{
      background-color: #26840C;
      color: #fff;
      width:100px;
    }
  }
</style>
